<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <script>
        //箭头函数
        //常规语法定义函数
        function funcName(parms){
            return parms+2;
        }
       console.log(funcName(2));
       //用箭头函数定义
       var funcName2=(parms2)=>parms2+2;
       console.log(funcName2(2));
       //箭头函数框架
       //(parameters)=>{statements}
       //如果没有参数
       //()=>{statements}
       //只有一个参数可以省略小括号，只有一个表达式可以省略大括号

       //箭头函数不会绑定this
       //普通函数
    //    function Counter(){
    //         console.log(this);
    //         this.num=0;
    //         this.timer=setInterval(function add() {
    //             console.log(this);
    //             this.num++;
    //             console.log(num);
    //         },1000)
    //    }
    //    var a=new Counter();
       //箭头函数
       function Counter2(){
        console.log(this);
        this.num=0;
        this.timer=setInterval(()=>{
            console.log(this);
            this.num++;
            console.log(this.num);
        },1000)
       }
       var b=new Counter2();
   </script>
</body>
</html>